const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

/** @type { import('webpack').Configuration } */
const config = {
    entry: './src/index.js',
    output: {
        filename: 'built.js',
        path: resolve(__dirname, 'build')
    },
    module: {
        rules: []
    },
    plugins: [
        // html-webpack-plugin默认会创建一个空的HTML，自动引入打包输出的所有资源（JS/CSS）
        new HtmlWebpackPlugin({
            // 复制 './src/index.html' 文件，并自动引入打包输出的所有资源（JS/CSS）
            template: './src/index.html'
        })
    ],
    mode: 'development'
};

module.exports = config;

/**
 * 如果运行出现Cannot find module 'webpack/lib/node/NodeTemplatePlugin'错误
 * 可以运行 npm link webpack -D 解决问题
 * /Users/fenghao/develop/workspaces/webpack/node_modules/webpack -> /usr/local/lib/node_modules/webpack
 */
